/* -------------------主体css--------------------- */
.mainbox{min-height: 500px; background: url(g04.jpg) no-repeat top center; padding: 30px;}
.main{ padding: 17px 20px; background: white;}
.main01{}
.main01 .banner{ float: left; width: 587px; height: 372px;overflow: hidden; }
/* 本例子css */
.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:37px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; height: 100%;  }
.slideBox .hd ul li{ float:left;  width:37px; height:37px; line-height:37px; text-align:center;  cursor:pointer; color: white; }
.slideBox .hd ul li.on{ background:#ffae00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd .tempWrap{height: 100%;}
.slideBox .bd .tempWrap ul{height: 100%;}
.slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;  position: relative;}
.slideBox .bd li span{position: absolute; width:390px; bottom: 0; left: 0; height: 37px; line-height: 37px; overflow: hidden;  z-index: 21; text-indent: 13px;}
.slideBox .bd li span a{color: white; font-size: 16px;}
.slideBox .bd li span a:hover{color: white!important;}
.slideBox .bd li .bg{width: 100%; background: black; opacity: 0.7;z-index: 20;}
.slideBox .bd img{ width:100%; height:100%; display:block;  height: 100%; }
.main01 .news{ float: left; width: 530px; height: 372px; margin-left: 37px;overflow: hidden; }
.main01 .news h1{ height: 39px; border-bottom: 1px solid #e5e5e5;}
.main01 .news h1 a{ height: 100%; line-height: 32px; float: left; font-size: 18px; color: black; margin-right: 24px; font-weight: normal; cursor: default;}
.main01 .news h1 .ico{ color: #999999; font-size: 14px;  }
.main01 .news h1 .more00,.main01 .news h1 .more01,.main01 .news h1 .more02{ font-size: 16px; float: right; margin-right: 0;color: #999999; display: none;}
.main01 .news h1 .on{ color: #0958c4; font-weight: bold; border-bottom: 4px solid  #0958c4 ; }
.main01 .news .newslist{}
.main01 .news .newslist ul{ margin-top: 22px;}
.main01 .news .newslist ul li{ padding-left: 15px; height: 24px; margin-bottom: 8px; overflow: hidden; width: 100%; background: url(g05.png) no-repeat 0px 8px;}
.main01 .news .newslist ul li a{width: 400px;overflow: hidden; float: left; font-size: 16px; color: #333333;white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;}
.main01 .news .newslist ul li span{float: right;color: #999999;font-size: 16px;}
.main02{ width: 105%; margin-top: 35px;}
.main02 .list{ height: 256px; overflow: hidden; float: left; width: 552px; margin-right: 50px;  margin-bottom: 10px;}
.main02 .list h1{ height: 40px; width: 100%; border-bottom: 1px solid #004ab0;}
.main02 .list h1 .tit{ float: left;font-size: 18px; color:white; height: 39px; line-height: 39px; padding: 0 12px 0 20px; background: #004ab0; max-width: 440px; overflow: hidden;}
.main02 .list h1 .titbg{ float: left; width: 44px; height:39px; background: url(g06.png) no-repeat;background-size: 100% 100%;}
.main02 .list h1 .tit:hover{color:white!important;}
.main02 .list h1 .more{height: 40px; line-height: 40px; font-size: 16px; float: right; margin-right: 0;color: #999999;  cursor: pointer;font-weight: normal;}
.main02 .list ul{margin-top: 22px;}
.main02 .list ul li{padding-left: 15px; height: 24px; margin-bottom: 8px; overflow: hidden; width: 100%; background: url(g05.png) no-repeat 0px 8px;}
.main02 .list ul li a{width: 400px;overflow: hidden; float: left; font-size: 16px; color: #333333;white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;}
.main02 .list ul li span{float: right;color: #999999;font-size: 16px;}
.main03{ position: relative; overflow: hidden; height: 119px; border: 1px solid #e2e2e2; background: #f0f0f0;}
.main02 .list01 .more span{ font-size: 16px; color: #333333;} 
.main02 .list01 .more .on{color:  #004ab0;}
.main02 .list01 .more .on a{color:  #004ab0!important;}
.main02 .list01 .newslist ul{}
.main02 .list01 .newslist ul li{width: 100%;height: 40px; line-height: 40px; background: none;}
.main02 .list01 .newslist ul li:hover{background: #f3f5f8;}
.main02 .list01 .newslist ul li span{float: left; height: 40px; line-height: 40px; padding-right: 20px; color: #333333; font-size: 16px; overflow: hidden;}
.main02 .list01 .newslist ul .litit{ background: #e9f2fd;}
.main02 .list01 .newslist ul li .sp01{width: 160px;}
.main02 .list01 .newslist ul li .sp02{width: 175px;}
.main02 .list01 .newslist ul li .sp03{width: 100px;}
.main02 .list01 .newslist ul li .sp04{width: 87px;}
.main02 .list02 .service{ height: 203px; width: 100%; background: #f5f5f5;}
.main02 .list02 .service a{ float: left;width: 75px; height: 100px; margin-left: 30px; margin-top: 48px;}
.main02 .list02 .service a img{ display: block; width: 100%; height: 73px;}
.main02 .list02 .service a span{ display: block; width: 100%; height: 30px; font-size: 16px; margin-top: 16px; overflow: hidden; text-align: center;}
.main03 .linkP{ position: absolute; width: 49px; height: 107px; top: 0; left: 18px; background: url(g07.png) no-repeat; background-size: 100% 100%;}
.main03 .linkList{ position: absolute; width: 95%; left: 106px; top: 17px; height: 82px;}
.main03 .linkList li{ float: left; width: 493px; height: 100%; margin-right: 27px; overflow: hidden;}
.main03 .linkList li a{display: block;width: 100%; height: 100%;}
.main03 .linkList li a img{width: 100%; height: 100%;}